<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>大文件上传demo</title>
</head>

<body>
    <div>
        <input type="file" id="file" />
        <button id="uploadBtn">上传</button>
    </div>

    <div class="progress">
        <label for="progress">文件上传进度：</label>
        <progress id="progress" max="100" value="0">
            <span id="uploadProgressSpan">0</span>
        </progress>
    </div>
    <div class="progress">
        <label>hash计算进度：</label>
        <progress id="hashProgress" max="100" value="0">
            <span id="hashProgressSpan">0</span>
        </progress>
    </div>
    <div id="result">
        <a href="" id="fileURL"></a>
        <span id="cost"></span>
    </div>

    <div id="speedTest">
        <button>测试上传速度</button>
    </div>
</body>

</html>